@charset "utf-8";
/* .search{
    z-index: 10;
    position: fixed;
    width: 100%;
    padding: 0;
    .search_text{
        flex: 1;
        background-color: #fff;
        padding-left: .3rem;
    }
    .search_btn{
      width: 20%;
      border-radius: .2rem;
      padding: 0;
      margin: 0;
    //   float: right;
    }
  } */
 //头部
 header {
    a.mmm{
     width: 50%;
    }
 }
/* 对应的相关品牌 */
.about_brand{
    width: 100%;
    // height: 100%;
    // margin-bottom: 1.5rem;
    h3{
        height: .5rem;
        line-height: .5rem;
        color: #8d4a0b;
        padding-left: .1rem;
        background-color: #eeeeee;
        // margin-bottom: .1rem;
        font-size: .2rem;
    }
    .about_brand_content{

        &:nth-of-type(1) > a > .num{      
            background-color: red;                                     
        }
        &:nth-of-type(2) > a >.num{                   
            background-color: yellow;                      
        }
        &:nth-of-type(3) > a >.num{                
            background-color: green;   
        }
        // height: 50px;
        display: flex;
        flex-wrap: wrap;
        >a{ 
            // justify-content: space-between;
            // line-height: 50px;
            width: 100%;
            // float: right;
            background-color: #fff;
            padding: .08rem .03rem .05rem .05rem;
            border-top: 1px solid #d4d4d4;
            display: flex;
    
            .xr{
                width: .3rem;
                height: .3rem;
                padding-top: .1rem;
                font-size: .25rem;
                
            }
            
            .num{
                width: .3rem;
                height: .3rem;
                display: inline-block;
                background-color: #ddd;
                color: #fff;
                text-align: center;
                line-height: .3rem;
                border:1px solid #ddd;
                font-size: .13rem;
               /*  &:nth-child(1){
                    background-color: red;
                }
                &:nth-child(2){
                    background-color: yellow;
                }
                &:nth-child(3){
                    background-color: green;
                } */
            }
            .brand_con{
                flex: 1;
                margin-left: .1rem;
                font-size: .16rem;
                p{
                    line-height: .3rem;
                    &:nth-child(2){
                        color: #bebebe;
                    }
                } 
            }
            
            
        }
        
    }
}